<template>
  <div class="bb">
    <div class="x">
      <div class="x1">
        <div class="x2">
          <div class="x3">
            <img src="../assets/首页_slices/打造前程标志(1).jpg" />
          </div>
          <div class="x4">
            <li>首页</li>
            <li>集团概况</li>
            <li>集团产业</li>
            <li>集团新闻</li>
            <li>合作院校</li>
            <li>联系我们</li>
            <li>招聘信息</li>
          </div>
        </div>
      </div>
      <div class="x5">
        <div class="x6">
          <p>集团新闻</p>
          <h1>更多最新精彩资讯，感受企业魅力</h1>
        </div>
      </div>
      <div class="x7">
        <div class="x8">
          <h2>当前位置：首页 > 新闻中心 ></h2>
        </div>
      </div>
    </div>
    <div class="j">
      <div class="j1">
        <div class="j2">
          <div class="j3">
            <p>集团新闻</p>
          </div>
          <div class="j4">
            <h1>媒体报道</h1>
          </div>
          <div class="j5">
            <h1>行业资讯</h1>
          </div>
        </div>
      </div>
      <div class="j6">
        <div class="j7">
          <div class="j8">
            <img src="../assets/企业新闻_slices/位图(4).png" />
          </div>
          <div class="j9">
            <div class="j10">
              <div class="j11">
                <h1>
                  教育部等九部门关于印发《职业教育提质培优行动计划（2020—2023年）》的通知
                </h1>
              </div>
              <div class="j12">
                <h2>
                  各省、自治区、直辖市教育厅（教委）、发展改革委、工业和信息化主管部门、财政厅（局）、人力资源社会保障厅（局）、农业农村（农...
                </h2>
              </div>
              <div class="j13">
                <div></div>
              </div>
            </div>
            <div class="j14">
              <div class="j15">
                <p>2021/6/05</p>
              </div>
              <div class="j16">
                <h5>查看更多></h5>
              </div>
            </div>
          </div>
        </div>
        <div class="j17">
          <div class="j18">
            <img src="../assets/企业新闻_slices/位图(3).png" />
          </div>
          <div class="j19">
            <div class="j20">
              <div class="j21">
                <h1>用系统思维下好“职业教育一盘大棋”</h1>
              </div>
              <div class="j22">
                <h2>
                  党的十九届五中全会审议通过的《中共中央关于制定国民经济和社会发展第十四个五年规划和二○三五远景目标的建议》内含了多条逻辑线...
                </h2>
              </div>
              <div class="j23">
                <div></div>
              </div>
            </div>
            <div class="j24">
              <div class="j25">
                <p>2021/6/05</p>
              </div>
              <div class="j26">
                <h5>查看更多></h5>
              </div>
            </div>
          </div>
        </div>
        <div class="j27">
          <div class="j28">
            <img src="../assets/企业新闻_slices/位图(2).png" />
          </div>
          <div class="j29">
            <div class="j30">
              <div class="j31">
                <h1>用系统思维下好“职业教育一盘大棋”</h1>
              </div>
              <div class="j32">
                <h2>
                  党的十九届五中全会审议通过的《中共中央关于制定国民经济和社会发展第十四个五年规划和二○三五远景目标的建议》内含了多条逻辑线......
                </h2>
              </div>
              <div class="j33">
                <div></div>
              </div>
            </div>
            <div class="j34">
              <div class="j35">
                <p>2021/6/05</p>
              </div>
              <div class="j36">
                <h5>查看更多></h5>
              </div>
            </div>
          </div>
        </div>
        <div class="j37">
          <div class="j38">
            <img src="../assets/企业新闻_slices/位图(1).png" />
          </div>
          <div class="j39">
            <div class="j40">
              <div class="j41">
                <h1>用系统思维下好“职业教育一盘大棋”</h1>
              </div>
              <div class="j42">
                <h2>
                  党的十九届五中全会审议通过的《中共中央关于制定国民经济和社会发展第十四个五年规划和二○三五远景目标的建议》内含了多条逻辑线......
                </h2>
              </div>
              <div class="j43">
                <div></div>
              </div>
            </div>
            <div class="j44">
              <div class="j45">
                <p>2021/6/05</p>
              </div>
              <div class="j46">
                <h5>查看更多></h5>
              </div>
            </div>
          </div>
        </div>
        <div class="j47">
          <div class="j48">
            <img src="../assets/企业新闻_slices/位图.png" />
          </div>
          <div class="j49">
            <div class="j50">
              <div class="j51">
                <h1>用系统思维下好“职业教育一盘大棋”</h1>
              </div>
              <div class="j52">
                <h2>
                  党的十九届五中全会审议通过的《中共中央关于制定国民经济和社会发展第十四个五年规划和二○三五远景目标的建议》内含了多条逻辑线......
                </h2>
              </div>
              <div class="j53">
                <div></div>
              </div>
            </div>
            <div class="j54">
              <div class="j55">
                <p>2021/6/05</p>
              </div>
              <div class="j56">
                <h5>查看更多></h5>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="j57">
        <div class="j58">
          <div class="j59">
            <div>《</div>
          </div>
          <div class="j60">
            <h4>1</h4>
          </div>
          <div class="j61">
            <p>2</p>
          </div>
          <div class="j62">
            <p>3</p>
          </div>
          <div class="j63">
            <p>4</p>
          </div>
          <div class="j64">
            <p>5</p>
          </div>
          <div class="j65">
            <p>6</p>
          </div>
          <div class="j66">
            <p>···</p>
          </div>
          <div class="j67">
            <p>20</p>
          </div>
          <div class="j68">
            <div>》</div>
          </div>
        </div>
      </div>
    </div>

    <BeauTial></BeauTial>
  </div>
</template>

<script>
import BeauTial from "/桌面/dzqc/src/components/BeauTial.vue";
export default {
  name: "JtXw",
  components: {
    BeauTial,
  },
};
</script>

<style>
.bb {
  width: 1920px;
  height: 2456px;
  background: #ffffff;
}
.x {
  width: 1920px;
  height: 428px;
  /* border: 1px solid red; */
}
.x1 {
  width: 1920px;
  height: 56px;
  margin-top: 23px;
  display: flex;
  /* border: 1px solid red; */
}
.x2 {
  width: 1200px;
  height: 54px;
  display: flex;
  margin-left: 360px;
  /* border: 1px solid red; */
}
.x3 {
  margin-top: -6px;
}
.x4 {
  width: 656px;
  height: 22px;
  display: flex;
  margin-left: 363px;
  list-style-type: none;
  margin-top: 16px;
  /* border: 1px solid red; */
}
.x4 li {
  font-size: 16px;
  font-weight: 400;
  color: #444444;
  line-height: 22px;
  padding-left: 34px;
}
.x5 {
  width: 1920px;
  height: 300px;
  background: url(../assets/企业新闻_slices/矿山.png);
  /* border: 1px solid red; */
}
.x6 {
  width: 270px;
  height: 78px;
  /* margin-top: 115px; */
  padding-top: 115px;
  margin-left: 852px;
  /* border: 1px solid red; */
}
.x6 p {
  height: 28px;
  font-size: 36px;
  font-weight: 500;
  color: #ffffff;
  line-height: 50px;
  margin-top: -4px;
}
.x6 h1 {
  width: 270px;
  height: 25px;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
}
.x7 {
  width: 1920px;
  height: 46px;
  /* border: 1px solid red; */
}
.x8 {
  width: 227px;
  height: 17px;
  margin-left: 360px;
  margin-top: 15px;
  border: 1px solid white;
}
.x8 h2 {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 2px;
}
.j {
  width: 1920px;
  height: 1600px;
  background: white;
  /* border: 1px solid red; */
}
.j1 {
  width: 1200px;
  height: 121px;
  margin-left: 360px;
  border: 1px solid white;
}
.j2 {
  width: 589px;
  height: 40px;
  display: flex;
  margin-top: 41px;
  margin-left: 305px;
  /* border: 1px solid red; */
}
.j3 {
  width: 185px;
  height: 40px;
  background: #23337f;
  border-radius: 6px;
}
.j3 p {
  width: 81px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 22px;
  margin: 9px 54px;
}
.j4,
.j5 {
  width: 185px;
  height: 40px;
  background: #f6f6f6;
  border-radius: 6px;
  margin-left: 18px;
  /* border: 1px solid red; */
}
.j4 h1,
.j5 h1 {
  width: 80px;
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #444444;
  line-height: 22px;
  margin: 9px 54px;
}
.j6 {
  width: 1200px;
  height: 1290px;
  margin-left: 360px;
  background: white;
  /* border: 1px solid red; */
}
.j7 {
  width: 1200px;
  height: 252px;
  display: flex;
  background: #ffffff;
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.11);
  /* border: 1px solid red; */
}
.j17,
.j27,
.j37,
.j47 {
  width: 1200px;
  height: 252px;
  display: flex;
  margin-top: 30px;
  background: #f8f8f8;
}
.j8,
.j18,
.j28,
.j38,
.j48 {
  width: 380px;
  height: 252px;
  /* border: 1px solid red; */
}
.j8 img,
.j18 img,
.j28 img,
.j38 img,
.j48 img {
  margin-top: 32px;
}
.j9,
.j19,
.j29,
.j39,
.j49 {
  width: 820px;
  height: 252px;
  /* border: 1px solid red; */
}
.j10,
.j20,
.j30,
.j40,
.j50 {
  width: 732px;
  height: 158px;
  /* border: 1px solid red; */
}
.j11,
.j21,
.j31,
.j41,
.j51 {
  width: 656px;
  height: 24px;
  margin-top: 45px;
  /* border: 1px solid red; */
}
.j11 h1 {
  font-size: 16px;
  color: #23337f;
  line-height: 24px;
  margin-top: 0px;
  margin-right: 60px;
}
.j12,
.j22,
.j32,
.j42,
.j52 {
  width: 732px;
  height: 50px;
  margin-top: 16px;
  /* border: 1px solid red; */
}
.j12 h2 {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.j13,
.j23,
.j33,
.j43,
.j53 {
  width: 733px;
  height: 1px;
  /* border: 1px solid red; */
}
.j13 div,
.j23 div,
.j33 div,
.j43 div,
.j53 div {
  width: 733px;
  height: 1px;
  margin-top: 16px;
  border: 1px solid #eaeaea;
}
.j14,
.j24,
.j34,
.j44,
.j54 {
  display: flex;
  margin-top: -22px;
  /* border: 1px solid red; */
}
.j15,
.j25,
.j35,
.j45,
.j55 {
  width: 357px;
  height: 28px;
  margin-top: 16px;
  /* border: 1px solid red; */
}
.j15 p {
  font-size: 24px;
  font-weight: 400;
  color: #23337f;
  line-height: 28px;
  margin-top: 0px;
  margin-right: 234px;
}
.j16,
.j26,
.j36,
.j46,
.j56 {
  width: 110px;
  margin-top: 16px;
  height: 28px;
  margin-left: 266px;
  /* border: 1px solid red; */
}
.j16 h5,
.j26 h5,
.j36 h5,
.j46 h5,
.j56 h5 {
  font-size: 14px;
  font-weight: 400;
  color: #23337f;
  line-height: 28px;
  margin-top: 0px;
}
.j21 h1,
.j31 h1,
.j41 h1,
.j51 h1 {
  font-size: 16px;
  color: #3f3f3f;
  line-height: 24px;
  margin-top: 0px;
  margin-right: 370px;
}
.j22 h2,
.j32 h2,
.j42 h2,
.j52 h2 {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
}
.j25 p,
.j35 p,
.j45 p,
.j55 p {
  font-size: 24px;
  color: #999999;
  margin-top: 0px;
  margin-right: 234px;
}
.j57 {
  width: 1200px;
  height: 104px;
  margin-left: 360px;
  /* border: 1px solid red; */
}
.j58 {
  width: 490px;
  height: 40px;
  margin-top: 121px;
  margin-left: 355px;
  display: flex;
  /* border: 1px solid red; */
}
.j59,
.j60,
.j61,
.j62,
.j63,
.j64,
.j65,
.j66,
.j67,
.j68 {
  width: 40px;
  height: 40px;
  margin-left: 10px;
  /* border: 1px solid red; */
}
.j59 div,
.j68 div {
  width: 28px;
  text-align: center;
  line-height: 40px;
}
.j60 {
  background: #23337f;
}
.j60 h4 {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 8px;
  text-align: center;
}
.j61 p,
.j62 p,
.j63 p,
.j64 p,
.j65 p,
.j66 p,
.j67 p {
  font-size: 14px;
  color: #666666;
  text-align: center;
}
</style>
